<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="greet">greet</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, vue3!'
    }
  },
  methods: {
    greet() {
      this.message = 'Hello, ' + this.$attrs.name + '!'
    }
  }
}
</script>

<style>

</style>